.el-autocomplete {
    --el-input-text-color: var(--el-text-color-regular);
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: var(--el-border-color);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: var(--el-fill-color-blank);
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
    --el-input-width: 100%;
    display: inline-block;
    position: relative;
    width: var(--el-input-width)
}

.el-autocomplete__popper.el-popper {
    background: var(--el-bg-color-overlay);
    border: 1px solid var(--el-border-color-light);
    box-shadow: var(--el-box-shadow-light)
}

.el-autocomplete__popper.el-popper .el-popper__arrow:before {
    border: 1px solid var(--el-border-color-light)
}

.el-autocomplete__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-left-color: transparent;
    border-top-color: transparent
}

.el-autocomplete__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-right-color: transparent
}

.el-autocomplete__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-left-color: transparent
}

.el-autocomplete__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
    border-right-color: transparent;
    border-top-color: transparent
}

.el-autocomplete-suggestion {
    border-radius: var(--el-border-radius-base);
    box-sizing: border-box
}

.el-autocomplete-suggestion__header {
    border-bottom: 1px solid var(--el-border-color-lighter);
    padding: 10px
}

.el-autocomplete-suggestion__footer {
    border-top: 1px solid var(--el-border-color-lighter);
    padding: 10px
}

.el-autocomplete-suggestion__wrap {
    box-sizing: border-box;
    max-height: 280px;
    padding: 10px 0
}

.el-autocomplete-suggestion__list {
    margin: 0;
    padding: 0
}

.el-autocomplete-suggestion li {
    color: var(--el-text-color-regular);
    cursor: pointer;
    font-size: var(--el-font-size-base);
    line-height: 34px;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0 20px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-autocomplete-suggestion li:hover {
    background-color: var(--el-fill-color-light)
}

.el-autocomplete-suggestion li.highlighted {
    background-color: var(--el-fill-color-light)
}

.el-autocomplete-suggestion li.divider {
    border-top: 1px solid var(--el-color-black);
    margin-top: 6px
}

.el-autocomplete-suggestion li.divider:last-child {
    margin-bottom: -6px
}

.el-autocomplete-suggestion.is-loading li {
    color: var(--el-text-color-secondary);
    cursor: default;
    font-size: 20px;
    height: 100px;
    line-height: 100px;
    text-align: center
}

.el-autocomplete-suggestion.is-loading li:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.el-autocomplete-suggestion.is-loading li:hover {
    background-color: var(--el-bg-color-overlay)
}